<!DOCTYPE html>
<html lang="zh">

  <head>
    <meta charset="UTF-8">
    <title>选择门店</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="keywords" content="" /> <!-- 关键字 -->
    <meta name="description" content="" /> <!-- 描述 -->
    <!-- 引入css -->
    <link rel="stylesheet" href="./css/ionic-change.css">
    <link rel="stylesheet" href="./css/style.css">

  </head>

  <body style="background:rgba(242,242,242,1);">
    <div class="container">
      <div class="order_main">
        <div class="head">
          <ul class="head-tab">
            <li class="active"><span>附近门店</span></li>
            <li><span>机场/火车站</span></li>
            <li><span>西湖区</span></li>
            <li><span>上城区</span></li>
            <li><span>拱墅区</span></li>
            <li><span>拱墅区</span></li>
            <li><span>拱墅区</span></li>
            <li><span>拱墅区</span></li>
          </ul>
        </div>
        <div class="cont">
          <div class="cont-tab">
            <!-- 全部订单 -->
            <ul class="cont-tab-line">
              <li>
                <div class="title">
                  <h1>萧山机场店萧山机场店萧山机场店萧山机场店萧山机场店</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜还车地址：杭州萧山国际机场北区...
                    T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...

                      T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
              <li>
                <div class="title">
                  <h1>萧山机场店</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
              <li>
                <div class="title">
                  <h1>萧山机场店</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
              <li>
                <div class="title">
                  <h1>萧山机场店</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
              <li>
                <div class="title">
                  <h1>萧山机场店</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
              <li>
                <div class="title">
                  <h1>萧山机场店</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
            </ul>
            <ul class="cont-tab-line">
              <li>
                <div class="title">
                  <h1>机场/火车站</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
            </ul>
            <ul class="cont-tab-line">
              <li>
                <div class="title">
                  <h1>西湖区</h1>
                  <img src="./images/more.png" alt="" class="more">
                </div>
                <span>
                  T3航站楼国内到达12号门内（神州租车专柜），还车地址：杭州萧山国际机场北区...
                </span>
              </li>
            </ul>
            <ul>11</ul>
            <ul>22</ul>
            <ul>33</ul>
            <ul>44</ul>
            <ul>55</ul>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/rem.js"></script>
  <script>
    // 导航切换
    $(function () {
      $('.cont-tab .cont-tab-line').eq(0).show();
      $('.cont-tab .cont-tab-line').eq(0).siblings().hide();
      var $tab = $('.head-tab li'); //tab切换
      var $content = $('.cont-tab ul'); //要显示的内容
      $tab.click(function () {
        $(this).addClass('active').siblings().removeClass('active');
        var index = $(this).index(); //点击元素下标
        $content.eq(index).show().siblings().hide();
      })
      $('.cont-tab ul li .more').each(function (index, item) {
        $(item).on('click', function () {
          $('.s_text').val('')
          // alert( $('.s_text').val())
          $(".search_list").hide();
          $('.sj').hide();
          location.href = "store_details.html";
        })
      })
    })
  </script>

</html>